<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>天天朋友</title>
<style type="text/css">
  *{
  	margin:0;
	padding:0;
	font-size:12px;
   }
   
 img{
	border:none; 
 }
   
 #topfrm{
	margin:0 auto;
	width:1003px;
	height:60px;
  }

 #topfrm .logo{
	 width:185px;
	 height:60px;
	 margin-top:16px;
	 float:left;
 }
 
 #topfrm #skfrm{
	 width:540px;
	 margin-left:10px;
	 float:left;
 }

 #prod{
	width:100%;
	height:30px;
	vertical-align:middle;
	line-height:30px;
 }

 #prod span{
	margin:0 5px;
	font-size:14px;
 }  
 
 #prod a{
	color:#0B00D9;
	font-size:14px;
	text-decoration:underline; 
 } 
 
 #prod a:hover{
	color:#000000;
	font-size:14px;
	text-decoration:none;
 }   

 .sekfrm{
	width:380px;
	height:28px;
	border:1px solid #7F9DB9;
 	vertical-align:middle;
	line-height:28px;
	text-align:left;
	text-indent:8px;
	font-size:14px;
 }
 
 .sekbtn{
 	width:76px;
	height:26px;
	vertical-align:middle;
	line-height:26px;
	text-align:center;
	margin-left:10px;
	/*border:1px solid #7F9DB9;*/
	cursor:pointer;
	background:url(images/tt_btn.gif) center center no-repeat;
	border:none;
 } 

 .search{
	
 }

 .search a{
	color:#0B00D9;	 
 }

 .search a:hover{
	color:red;	 
 }

 #topfrm .loginfo{
	 float:right;
	 width:260px;
	 height:60px;
	 vertical-align:middle;
	 line-height:60px;
 }  
 
.loginfo span{
	margin:0 3px;
}
 
.loginfo a{
	color:#000;
	text-decoration:none;
 }
 
.loginfo a:hover{
	color:#000;
	text-decoration:underline;
 }
 
.line{
	width:1003px;
	height:20px;
	background:#F0F5F8;
	margin:0 auto;
	text-align:right;
	color:#000;
 }

 .line span{
	margin-right:30px; 
 }
 
 #maininfo{
	width:1003px;
	height:auto;
	margin:0 auto;
	margin-top:10px;
 }
 
 #leftmain{
	float:left;
	width:208px;
	 
 }
 
 .myhmpg{
	background:#005EAC;
	width:100%;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	color:#fff;
	font-size:16px;
 }
 
 .myhmpg span{
	margin:0 8px;
 }
 
 .myhmpg a{
	color:#fff;
	text-decoration:none;
 }
 
 .myhmpg a:hover{
	color:#fff;
	text-decoration:underline; 
 }
 
 .zhanghao img{
	float:left; 
 }
 
 .myinfo{
	width:204px;
	height:330px;
	border:1px solid #B8D4E8;
	background:#F0F5F8;
	margin:0 auto;
	margin-top:3px;
 }
 
 .topmyinfo{
	 height:120px;
	 border-bottom:1px solid #B8D4E8;
 }
 
 .grinfo{
	width:180px;
	height:auto;
	margin:0 auto;
	margin-top:5px; 
 }
 
 #usrimg{
	width:50px;
	float:left; 
 }
 
 #usrname{
	width:120px;
	float:left;
	margin-left:10px;
	line-height:27px; 
 	font-size:16px;
 }
 
 .c1{
	color:#005EAC; 
 }
 
 .c2{
	color:#E26604;
 }
 
 .c3{
	color:#888888;
	font-weight:bold; 
 }
 
 .hyinfo{
	width:180px;
	height:35px;
	margin:0 auto;
	margin-top:20px;
 }
 
 .c4{
	width:46px;
	height:35px; 
 }
 
 .c5{
 	width:46px;
	height:35px;
	padding-left:2px;
	border-left:1px solid #E1DEDE;
 }
 
 .c6{
 	width:30px;
	height:35px;
	margin-top:15px;
 }

 .c6 a{
	color:#4583CC;
	text-decoration:none;
 }
 
 .c6 a:hover{
	color:#4583CC;
	text-decoration:underline;
 } 
 
 .hyinfo ul{
	list-style:none; 
 }
 
 .hyinfo ul li{
	float:left; 
	text-align:center;
	font-weight:bold;
	color:#4583CC;
 }
 
 .seekmyinfo{
 	width:180px;
	height:auto;
	margin:0 auto;
 }
 
 .woxiang{
 	margin-top:8px;
	color:#40474C;
	font-weight:bold;
 }
 
 .shuru{
 	width:100%;
	height:20px;
	vertical-align:middle;
	line-height:20px;
	text-align:left;
	border-top:1px solid #909192;
	border-left:1px solid #909192;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	background:#ffffff;
	margin-top:6px; 
 }
 
 .cl1{
	border:none;
	width:154px;
	height:20px;
	vertical-align:middle;
	line-height:20px; 
 }
 
 .cl2{
	 border:none;
	 width:20px;
	 height:20px;
	 vertical-align:middle;
	 line-height:20px;
	 background:url(images/more.gif) center center no-repeat;
	 cursor:pointer;
 }
 
 .gender{
	width:100%;
	height:auto;
	margin-top:5px; 
 }
 
 .nvhai{
	margin-left:10px; 
 }
 
 .niannin{
	width:100%;
	height:auto;
	margin-top:5px; 
 } 
 
 .s1{
	margin:0 10px; 
 }
 
 .s2{
	 border:none;
	 width:94px;
	 height:24px;
	 vertical-align:middle;
	 line-height:20px;
	 background:url(images/zhaoren.gif) center center no-repeat;
	 cursor:pointer;	 
 }
 
 .zhao{
	width:100%;
	height:auto;
	margin-top:15px; 	
	text-align:center; 
 }
 
 .dyinfo{
	width:204px;
	height:175px;
	margin:0 auto;
	margin-top:10px;
	border-bottom:1px solid #CEE1EE; 
 }
 
 .d1{
 	width:100%;
	height:auto;
 	color:#0D5A9C;
	font-weight:bold;
	font-size:14px;
 	text-align:left;
 }
 
 .d2{
  	width:100%;
	height:auto;
	text-align:center;
	margin-top:5px;	
 } 
 
 .d3{
  	width:100%;
	height:auto;
	text-align:center;
	margin-top:8px;	 
 }
 
 .d3 a{
	margin:0 5px; 
 }
 
 .d3 img{
	border:none; 
 }
 
 .zhannei{
	 width:204px;
	 height:auto;
	 margin:0 auto;
	 margin-top:10px;
	 padding-left:10px;
 }
 
 .z1{
	width:100%;
	height:auto;
	font-weight:bold;
	text-align:left;
	color:#333333; 
 }
 
 .z2{
	width:100%;
	height:auto;
	text-align:left;
	color:#333333;
	margin-top:10px; 
 } 
 
 .z3{
 	color:#000;
 }
 
 .z4{
	color:#005EAC; 
 }
 
 #rightmain{
	 float:right;
	 width:240px;
	 height:auto;
	 border-left:1px solid #E1E1E1;
 }
 
 .tareninfo{
	width:220px;
	height:auto;
	margin-left:20px; 
 }
 
 .weiboimg{
	width:100%;
	height:auto;
	text-align:left; 
 }
 
 .weiboimg img{
	margin:0 5px;
 }
 
 .w{
	width:100%;
	height:auto;
	color:#7B7B7B;
	font-weight:bold;
	margin-top:15px; 
 } 
 
 .w1{
	color:#005EAC;
 }
 
 .laifang{
	width:100%;
	height:auto;
	border-top:1px solid #CEE1EE;
	margin-top:6px; 
 }
 
 .zuijin{
	width:100%;
	height:30px;
	line-height:30px;
	vertical-align:middle; 
	color:#333333;
	font-weight:bold;
 }
 
 .a1{
	margin-left:105px;
	color:#005EAC; 
 }
 
 .a1 a{
	 color:#005EAC;
	 text-decoration:none;
 }

 .a1 a:hover{
	 color:#005EAC;
	 text-decoration:underline;
 } 
 
 .visiter{
	width:100%;
	height:auto; 
 }
 
 .visiter ul{
	margin:0;
	padding:0;
	list-style:none; 
 }
 
 .visiter ul li{
 	width:51px;
	height:70px;
	margin:8px;
	float:left; 
 }

 .visiter dl{
	width:100%;
	height:70px;
 }

 .visiter dt{
 	width:100%;
	height:51px;
	text-align:center;
	vertical-align:middle;
	line-height:51px; 	 
 }

 .visiter dd{
	text-align:center;
	width:100%;
	height:19px;
	line-height:19px;
	vertical-align:middle;
	font-weight:bold; 
 }
 
 .visiter dd a{
 	color:#005EAC;
	text-decoration:none;
 }
 
 .visiter dd a:hover{
 	color:#005EAC;
	text-decoration:underline;
 }
 
.visiter .a2 a{
 	color:#FF6600;
	text-decoration:none;
}

.visiter .a2 a:hover{
 	color:#FF6600;
	text-decoration:underline;
}

.tuijian{
	width:100%;
	height:auto;
	margin-top:6px;
	border-top:1px solid #CEE1EE;
}

 .tmore{
	color:#333333;
	font-weight:bold;
	margin-top:10px;
 }

 .tm1{
	margin-left:105px; 
 }
 
 .tmore a{
	 color:#005EAC;
	 text-decoration:none;
 }

 .tmore a:hover{
	 color:#005EAC;
	 text-decoration:underline;
 }
 
 .tren{
	width:100%;
	height:auto;
	margin-top:10px; 
 }
 
 .trenimg{
	float:left;
	width:48px;
	height:60px;
	vertical-align:middle;
	line-height:60px;
	text-align:center; 
 }

 .trenimg img{
	margin-top:5px;
 } 
 
 .treninfo{
	float:left;
	width:150px;
	height:60px;
	margin-left:6px;
	line-height:22px;
 }      
 
 .r1{
 	color:#0079D6;
	font-weight:bold; 
 } 
 
 .r1 a{
 	color:#0079D6;
	text-decoration:none;
 }  
 
 .r1 a:hover{
 	color:#0079D6;
	text-decoration:underline;
 }
 
 .r2{
 	color:#0079D6;
 }
 
 .r2 a{
 	color:#0079D6;
	text-decoration:none;
 }  
 
 .r2 a:hover{
 	color:#0079D6;
	text-decoration:underline;
 }
 
 .r3{
	color:#888888; 
 }
 
 .adv{
	width:100%;
	height:auto;
	margin-top:10px;
	border-top:1px solid #CEE1EE;
	text-align:center;
 }
 
 .adv img{
	margin-top:10px;
 }
 
 #centermain{
 	width:540px;
	height:auto;
	float:left;
	margin-left:3px;
 }
 
 .slist{
	width:100%;
	height:95px;
	border-bottom:1px solid #E0E0E0;
 }

 .slist1{
	width:100%;
	height:95px;
	border-bottom:1px solid #E0E0E0;
    background:#FFFDDC;
	border:1px solid #FFDC6E;  
 } 

 
 .slistimg{
	width:72px;
	height:95px;
	line-height:95px;
	vertical-align:middle;
	text-align:center;
	margin-left:10px;
	margin-top:10px; 
	float:left; 
 }
 
 .slistinfo{
 	 float:left;
	 width:400px;
	 height:95px;
	 line-height:30px;
	 margin-left:10px;
	 text-align:left;
	 margin-top:10px; 
 }
 
 .slt1{
 	color:#1A4DC1;
 }
 
 .slt1 a{
 	color:#1A4DC1;
	text-decoration:underline;
 }
 
 .slt1 a:hover{
 	color:red;
	text-decoration:underline;
 }
 
 .slt2{
	color:#858585; 
 }  
 
 .slt3{
	color:#43A114; 
 }
 .slt4{
	color:#D79E34; 
 }    
 
 .huodong{
	 
 }
 
 .huodong a{
 	color:#000;
	text-decoration:none;
 }
 
 .huodong a:hover{
 	color:#000;
	text-decoration:underline;	 
 }
 
 
 .srchlst{
	width:100%;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	text-align:center; 
	font-size:16px;
	margin-top:20px;
 }
 
.srchlst a{
	color:#0000CC;
	margin:0 6px;
	font-size:16px; 
 } 
 
/* .srchlst a:link{
	color:#0000CC; 
 }*/
 
 .srchlst a:hover{
	color:#ff0000; 
 }
 
/* .srchlst a:active{
	 color:#0000CC; 
 }
 
 .srchlst a:visited{
	color:#8000AA; 
 }*/
 
 .srchfrm{
	width:100%;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	text-align:center; 
	font-size:16px;
	margin-top:20px;
	margin-bottom:30px;	 
 }
 
.srchfrm a{
	color:#0000CC;
	text-decoration:underline;
 } 
 
.srchfrm a:hover{
	color:#ff0000;
	text-decoration:underline;
 }
 
 .sftxt{
	width:330px;
	height:28px;
	border:1px solid #7F9DB9;
 	vertical-align:middle;
	line-height:28px;
	text-align:left;
	text-indent:8px;
	font-size:14px;	 
 }
 
 .sfbtn{
 	width:76px;
	height:26px;
	vertical-align:middle;
	line-height:26px;
	text-align:center;
	margin-left:10px;
	/*border:1px solid #7F9DB9;*/
	cursor:pointer;
	background:url(images/tt_btn.gif) center center no-repeat;
	border:none;	 
 }     
</style>
<script type="text/javascript" language="javascript">
  function changeBg(aint,bint)
  {
  	var myDiv=document.getElementById("slist"+aint);
	var myDD=document.getElementById("hd"+aint);
  	if(bint==0)
	{
		myDiv.className="slist";
		myDD.style.display="none";
	}
	else if(bint==1)
	{
		myDiv.className="slist1";
		myDD.style.display="block";
	}
  }
</script>
</head>
<body>
  <div id="topfrm">
	<div class="logo">
      <img src="images/py.gif" />
    </div>
    
  	<div id="skfrm">
      <div id="prod">
	   <span></span>
       <span><a href="#">活动</a></span>
       <span><a href="#">朋友</a></span>
       <span><a href="#">本地</a></span>
	   <span><a href="#">问答</a></span>
       <span><a href="#">分类</a></span>
       <span><a href="#">点评</a></span>
	   <span><a href="#">团购</a></span>
       <span><a href="#">婚恋</a></span>
       <span><a href="#">游戏</a></span>              
      </div>
      <div class="search">
       <form>
       <input type="text" name="keywd" value="" class="sekfrm"/>
       <input type="submit" name="submit" value="" class="sekbtn" />
       <a href="#">高级搜索</a>
       </form>       
      </div> 
    </div>
    
  </div>
  
  <div class="line">
	<span>天天一下,共找到235,666人,用时0.005秒</span>    
  </div>
  
  <div id="maininfo">
  	<div id="leftmain">
       <div class="myhmpg">
       	  <span><b><a href="">我的首页</a></b></span>
          <span><a href="">我的天天</a></span>
          <span class="zhanghao"><a href="">帐号</a>▼</span>
       </div>
       
       <div class="myinfo">
		  <div class="topmyinfo">
          	<div class="grinfo">
              <div id="usrimg">
              	<img src="images/user.gif" />
              </div>
              <div id="usrname">
              	<span class="c1">麦克龙</span> 
                <span class="c2">V</span>
                <br />
                <span class="c3">上海 浦东</span>
              </div>
            </div>
            <div class="hyinfo">
             <ul>
              <li class="c4">21<br />好友</li>
              <li class="c5">97<br />关注</li>
              <li class="c5">2304<br />粉丝</li>
              <li class="c6"><a href="">更多</a></li>
             <ul>
            </div>
          </div>
		  <div class="seekmyinfo">
          	<div class="woxiang">
              我想...	
            </div>
            <form>
            <div class="shuru">
                <input type="text" name="chazhao" value="见面" class="cl1" />
                <input type="submit" name="moreinfo" value="" class="cl2" />
            </div>
          	<div class="woxiang">
              和谁?	
            </div>
            <div class="gender">
              <input type="checkbox" name="gend" value="0" checked="true" />男孩
              <input type="checkbox" name="gend" value="1" checked="true" class="nvhai" />女孩
            </div>
            <div class="woxiang">
              年龄	
            </div>
            <div class="niannin">
            <select>
               <option>16</option>
               <option>17</option>
               <option selected>18</option>
               <option>19</option>
               <option>20</option>
               <option>21</option>
               <option>22</option>
               <option>23</option>
               <option>24</option>
               <option>25</option>
               <option>26</option>
               <option>27</option>
               <option>28</option>
               <option>29</option>
               <option>30</option>
               <option>31</option>
               <option>32</option>
               <option>33</option>
               <option>34</option>
               <option>35</option>
               <option>36</option>
            </select>
            <span class="s1">--</span>
            <select>
               <option>16</option>
               <option>17</option>
               <option>18</option>
               <option>19</option>
               <option>20</option>
               <option>21</option>
               <option>22</option>
               <option>23</option>
               <option>24</option>
               <option>25</option>
               <option>26</option>
               <option>27</option>
               <option>28</option>
               <option>29</option>
               <option selected>30</option>
               <option>31</option>
               <option>32</option>
               <option>33</option>
               <option>34</option>
               <option>35</option>
               <option>36</option>
            </select>
            </div>
            <div class="zhao">
              <input type="submit" name="zhaoren" value="" class="s2" >
            </div>            
            </form>         
          </div>
       </div>
       
       <div class="dyinfo">
       	  <div class="d1">
          	语路纪录片震撼上映
          </div>
          <div class="d2">
          	<img src="images/py_90.jpg" />
          </div>
          <div class="d3">
          	<a href=""><img src="images/py_101.jpg" /></a>
            <a href=""><img src="images/py_103.jpg" /></a>
          </div>	
       </div>
       
       <div class="zhannei">
       	<div class="z1">
          	站内功能
        </div>
       	<div class="z2">
          <img src="images/py_109.jpg" />
          <span class="z3">15套皮肤免费换-</span>
          <span class="z4">人人桌面2.3</span>	
        </div>
       	<div class="z2">
          <img src="images/py_114.jpg" />
          <span class="z3">随时随地,拍照上传,</span>
          <span class="z4">手机客户端</span>          	
        </div>
       	<div class="z2">
          <img src="images/py_116.jpg" />
          <span class="z3">手机登录请访问:</span>
          <span class="z4">3g.renren.com</span>          	
        </div>
       	<div class="z2">
          <img src="images/py_118.jpg" />
          <span class="z3">人人活动,</span>
          <span class="z4">更多参与更多奖励</span>          	
        </div>                        
       </div>
    </div>
    
    <div id="centermain">
	  <div id="slist1" class="slist"  onmouseover="changeBg(1,1);" onmouseout="changeBg(1,0);" style="border-top:1px solid #E0E0E0;padding-top:10px;">
      	<div class="slistimg">
          <a href=""><img src="images/simg.gif" /></a>	
        </div>
        <div class="slistinfo">
          <dl>
            <dt>
            	<span class="slt1"><a href="">Vivian</a></span>
                <span class="slt2">,25,上海</span>
                <span class="slt3">●在线</span>
            </dt>
            <dd>
            	<span>
                  相要和一个股26-30岁的男生学习汉语
                </span>
            </dd>
            <dd id="hd1" class="huodong" style="display:none;">
            	<img src="images/guanzhu.gif" /><a href="">关注</a>
                <img src="images/liaotian.gif" /><a href="">聊天</a>
                <img src="images/liwu.gif" /><a href="">礼物</a>
            </dd>
          </dl>
        </div>
      </div>
	  <div id="slist2" class="slist" onmouseover="changeBg(2,1);" onmouseout="changeBg(2,0);">
      	<div class="slistimg">
          <a href=""><img src="images/photo_03.jpg" /></a>	
        </div>
        <div class="slistinfo">
          <dl>
            <dt>
            	<span class="slt1"><a href="">Rular</a></span>
                <span class="slt2">,27,武汉</span>
                <span class="slt3">●在线</span>
            </dt>
            <dd>
            	<span>
                  相要和一个股26-30岁的男生交朋友
                </span>
            </dd>
            <dd id="hd2" class="huodong" style="display:none;">
            	<img src="images/guanzhu.gif" /><a href="">关注</a>
                <img src="images/liaotian.gif" /><a href="">聊天</a>
                <img src="images/liwu.gif" /><a href="">礼物</a>
            </dd>            
          </dl>
        </div>
      </div>
	  <div id="slist3" class="slist" onmouseover="changeBg(3,1);" onmouseout="changeBg(3,0);">
      	<div class="slistimg">
          <a href=""><img src="images/photo_06.jpg" /></a>	
        </div>
        <div class="slistinfo">
          <dl>
            <dt>
            	<span class="slt1"><a href="">Kobe</a></span>
                <span class="slt2">,31,美国</span>
                <span class="slt3">●在线</span>
            </dt>
            <dd>
            	<span>
                  相要学习中文
                </span>
            </dd>
            <dd id="hd3" class="huodong" style="display:none;">
            	<img src="images/guanzhu.gif" /><a href="">关注</a>
                <img src="images/liaotian.gif" /><a href="">聊天</a>
                <img src="images/liwu.gif" /><a href="">礼物</a>
            </dd>            
          </dl>
        </div>
      </div>
	  <div id="slist4" class="slist" onmouseover="changeBg(4,1);" onmouseout="changeBg(4,0);">
      	<div class="slistimg">
          <a href=""><img src="images/photo_08.jpg" /></a>	
        </div>
        <div class="slistinfo">
          <dl>
            <dt>
            	<span class="slt1"><a href="">Vivian</a></span>
                <span class="slt2">,25,上海</span>
                <span class="slt3">●在线</span>
            </dt>
            <dd>
            	<span>
                  相要和一个股26-30岁的男生学习汉语
                </span>
            </dd>
            <dd id="hd4" class="huodong" style="display:none;">
            	<img src="images/guanzhu.gif" /><a href="">关注</a>
                <img src="images/liaotian.gif" /><a href="">聊天</a>
                <img src="images/liwu.gif" /><a href="">礼物</a>
            </dd>            
          </dl>
        </div>
      </div> 
      <div id="slist5" class="slist" onmouseover="changeBg(5,1);" onmouseout="changeBg(5,0);">
      	<div class="slistimg">
          <a href=""><img src="images/photo_10.jpg" /></a>	
        </div>
        <div class="slistinfo">
          <dl>
            <dt>
            	<span class="slt1"><a href="">Vivian</a></span>
                <span class="slt2">,25,上海</span>
                <span class="slt3">●在线</span>
            </dt>
            <dd>
            	<span>
                  相要和一个股26-30岁的男生学习汉语
                </span>
            </dd>
            <dd id="hd5" class="huodong" style="display:none;">
            	<img src="images/guanzhu.gif" /><a href="">关注</a>
                <img src="images/liaotian.gif" /><a href="">聊天</a>
                <img src="images/liwu.gif" /><a href="">礼物</a>
            </dd>            
          </dl>
        </div>
      </div> 
      <div id="slist6" class="slist" onmouseover="changeBg(6,1);" onmouseout="changeBg(6,0);">
      	<div class="slistimg">
          <a href=""><img src="images/photo_12.jpg" /></a>	
        </div>
        <div class="slistinfo">
          <dl>
            <dt>
            	<span class="slt1"><a href="">Vivian</a></span>
                <span class="slt2">,25,上海</span>
                <span class="slt3">●在线</span>
            </dt>
            <dd>
            	<span>
                  相要和一个股26-30岁的男生学习汉语
                </span>
            </dd>
            <dd id="hd6" class="huodong" style="display:none;">
            	<img src="images/guanzhu.gif" /><a href="">关注</a>
                <img src="images/liaotian.gif" /><a href="">聊天</a>
                <img src="images/liwu.gif" /><a href="">礼物</a>
            </dd>            
          </dl>
        </div>
      </div> 
      <div id="slist7" class="slist" onmouseover="changeBg(7,1);" onmouseout="changeBg(7,0);">
      	<div class="slistimg">
          <a href=""><img src="images/photo_06.jpg" /></a>	
        </div>
        <div class="slistinfo">
          <dl>
            <dt>
            	<span class="slt1"><a href="">Vivian</a></span>
                <span class="slt2">,25,上海</span>
                <span class="slt3">●在线</span>
            </dt>
            <dd>
            	<span>
                  相要和一个股26-30岁的男生学习汉语
                </span>
            </dd>
            <dd id="hd7" class="huodong" style="display:none;">
            	<img src="images/guanzhu.gif" /><a href="">关注</a>
                <img src="images/liaotian.gif" /><a href="">聊天</a>
                <img src="images/liwu.gif" /><a href="">礼物</a>
            </dd>            
          </dl>
        </div>
      </div> 
      <div id="slist8" class="slist" onmouseover="changeBg(8,1);" onmouseout="changeBg(8,0);">
      	<div class="slistimg">
          <a href=""><img src="images/simg.gif" /></a>	
        </div>
        <div class="slistinfo">
          <dl>
            <dt>
            	<span class="slt1"><a href="">Vivian</a></span>
                <span class="slt2">,25,上海</span>
                <span class="slt4">●刚才在线</span>
            </dt>
            <dd>
            	<span>
                  相要和一个股26-30岁的男生学习汉语
                </span>
            </dd>
            <dd id="hd8" class="huodong" style="display:none;">
            	<img src="images/guanzhu.gif" /><a href="">关注</a>
                <img src="images/liaotian.gif" /><a href="">聊天</a>
                <img src="images/liwu.gif" /><a href="">礼物</a>
            </dd>            
          </dl>
        </div>
      </div> 
      <div id="slist9" class="slist" onmouseover="changeBg(9,1);" onmouseout="changeBg(9,0);">
      	<div class="slistimg">
          <a href=""><img src="images/photo_08.jpg" /></a>	
        </div>
        <div class="slistinfo">
          <dl>
            <dt>
            	<span class="slt1"><a href="">Vivian</a></span>
                <span class="slt2">,25,上海</span>
                <span class="slt3">●在线</span>
            </dt>
            <dd>
            	<span>
                  相要和一个股26-30岁的男生学习汉语
                </span>
            </dd>
            <dd id="hd9" class="huodong" style="display:none;">
            	<img src="images/guanzhu.gif" /><a href="">关注</a>
                <img src="images/liaotian.gif" /><a href="">聊天</a>
                <img src="images/liwu.gif" /><a href="">礼物</a>
            </dd>            
          </dl>
        </div>
      </div> 
      <div id="slist10" class="slist" onmouseover="changeBg(10,1);" onmouseout="changeBg(10,0);">
      	<div class="slistimg">
          <a href=""><img src="images/photo_03.jpg" /></a>	
        </div>
        <div class="slistinfo">
          <dl>
            <dt>
            	<span class="slt1"><a href="">Vivian</a></span>
                <span class="slt2">,25,上海</span>
                <span class="slt3">●在线</span>
            </dt>
            <dd>
            	<span>
                  相要和一个股26-30岁的男生学习汉语
                </span>
            </dd>
            <dd id="hd10" class="huodong" style="display:none;">
            	<img src="images/guanzhu.gif" /><a href="">关注</a>
                <img src="images/liaotian.gif" /><a href="">聊天</a>
                <img src="images/liwu.gif" /><a href="">礼物</a>
            </dd>            
          </dl>
        </div>
      </div>
      
      <div class="srchlst">
      	<a href="">上一页</a>
        <a href="">[1]</a>
        <a href="">[2]</a>
        <a href="">[3]</a>
        <a href="">[4]</a>
        <a href="">[5]</a>
        <a href="">[6]</a>
        <a href="">[7]</a>
        <a href="">[8]</a>
        <a href="">[9]</a>
        <a href="">[10]</a>
        <a href="">下一页</a>
      </div>
      
      <div class="srchfrm">
      	<form>
          <input type="text" name="stext" value="美女" class="sftxt" />
          <input type="submit" name="sbtn" value="" class="sfbtn" />
          <a href="">在结果中找</a>
          <a href="">帮助</a>
        </form>
      </div>                  
                        
    </div>
    
    <div id="rightmain">
      <div class="tareninfo">
      	<div class="weiboimg">
          <img src="images/py_03.jpg" />
          <img src="images/py_05.jpg" />
        </div>
        <div class="w">
          <span>玩转微博</span>
          <span class="w1">-微博送祝福啦</span>
        </div>
        <div class="laifang">
          <div class="zuijin">
          	<span>最近来访(31)</span>
            <span class="a1"><a href="">更多</a></span>
          </div>
          <div class="visiter">
          	<ul>
              <li>
              	<dl>
                  <dt><a href=""><img src="images/py_31.jpg" /></a></dt>
                  <dd><a href="">陶奕</a></dd>
                </dl>
              </li>
              <li>
              	<dl>
                  <dt><a href=""><img src="images/py_33.jpg" /></a></dt>
                  <dd class="a2"><a href="">刘婷</a></dd>
                </dl>
              </li>
              <li>
              	<dl>
                  <dt><a href=""><img src="images/py_35.jpg" /></a></dt>
                  <dd><a href="">童文胜</a></dd>
                </dl>
              </li>
              <li>
              	<dl>
                  <dt><a href=""><img src="images/py_52.jpg" /></a></dt>
                  <dd><a href="">曾滢</a></dd>
                </dl>
              </li>
               <li>
              	<dl>
                  <dt><a href=""><img src="images/py_53.jpg" /></a></dt>
                  <dd><a href="">石坤鹏</a></dd>
                </dl>
              </li>
              <li>
              	<dl>
                  <dt><a href=""><img src="images/py_54.jpg" /></a></dt>
                  <dd><a href="">双乐斌</a></dd>
                </dl>
              </li>
              <li>
              	<dl>
                  <dt><a href=""><img src="images/py_67.jpg" /></a></dt>
                  <dd><a href="">柴小蕾</a></dd>
                </dl>
              </li>
              <li>
              	<dl>
                  <dt><a href=""><img src="images/py_68.jpg" /></a></dt>
                  <dd class="a2"><a href="">秦磊</a></dd>
                </dl>
              </li>
              <li>
              	<dl>
                  <dt><a href=""><img src="images/py_69.jpg" /></a></dt>
                  <dd class="a2"><a href="">方子端</a></dd>
                </dl>
              </li>                                                                                                               
            </ul>
          </div>
        </div>
        <div class="tuijian">
          <div class="tmore">
          	<span>推荐</span>
            <a href=""><img src="images/py_81.jpg" class="tm1" /></a>
            <a href=""><img src="images/py_83.gif" /></a>
            <span class="a3"><a href="">更多</a></span>
          </div>
          <div class="tren">
            <div class="trenimg">
              <a href="">
            	<img src="images/py_88.jpg">
              </a>
            </div>    
            <div class="treninfo">
              <dl>
              	<dt>
                	<span class="r1"><a href="">郝云</a></span>
                </dt>
              	<dd>
                    <img src="images/py_96.jpg" />
                    <span class="r1"><a href="">关注</a></span>
                </dd>
                <dd>
                	<span class="r2"><a href="">查看资料</a></span>
                    <span class="r3">(5个共同好友)</span>
                </dd>
              </dl>
            </div>                       
          </div>
          <div class="tren">
			<div class="trenimg">
              <a href="">
            	<img src="images/py_94.jpg">
              </a>
            </div>               
            <div class="treninfo">
              <dl>
              	<dt>
                	<span class="r1"><a href="">杨阳</a></span>
                </dt>
              	<dd>
                    <img src="images/py_96.jpg" />
                    <span class="r2"><a href="">加为</a></span>
                </dd>
                <dd>
                	<span class="r2"><a href="">查看资料</a></span>
                    <span class="r3">(3个共同好友)</span>
                </dd>
              </dl>
            </div>          
          </div>
          <div class="tren">
            <div class="trenimg">
              <a href="">
            	<img src="images/py_105.jpg">
              </a>
            </div>               
            <div class="treninfo">
              <dl>
              	<dt>
                	<span class="r1"><a href="">方仙仙</a></span>
                </dt>
              	<dd>
                    <img src="images/py_96.jpg" />
                    <span class="r2"><a href="">加为</a></span>
                </dd>
                <dd>
                	<span class="r2"><a href="">查看资料</a></span>
                    <span class="r3">(2个共同好友)</span>
                </dd>
              </dl>
            </div>           
          </div>
        </div>
        <div class="adv">
          <a href=""><img src="images/py_111.jpg" /></a>
        </div>
      </div>
    </div>
  </div>
</body>
</html>
